<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxp_TkvowlIOtbR7ePgFOpF4.ttf) format('truetype')}

body{
background-color:#e1e1e1;
padding:0;
margin:0;
color:#000;
text-align:center;
height:auto;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.content-wrapper{
width:100%;
padding:0;
margin:0;
position:relative;
}
.back{
background-color:#111;
padding:5px 10px;
color:#fff;
position:absolute;
top:0;
left: 100px;
}
h1{
margin:50px auto 15px;
font-weight:400
}
h2{
font-weight:400;
margin-bottom:80px;
}
.facebox{width:300px;padding:0;margin:0 auto;text-align:left;}
.kompifb{font-weight:bold;margin-bottom:5px;color:#333}
img.kompi-fb {width: auto;max-width: 100%;height: auto;}
</style>

</head>
<body>
<div class="content-wrapper">
<h1>Demo Page</h1>
<a href="http://www.kompiajaib.com/2014/10/facebook-like-box-popup-widget-dengan.html" title="Back to article"><div class="back">
Back to article
</div></a>

<h2>Facebook Like Box Popup Widget Dengan URL Plugin</h2>
<div class="facebox">
    <div class="kompifb">Kompi Ajaib on Facebook</div>
<a href="javascript: void(0)" onclick="popup1('http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fkompiajaib&width=300&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true')" title="Kompi Ajaib on Facebook"><img class="kompi-fb" alt="Kompi Ajaib Facebook" height="89" src="http://1.bp.blogspot.com/-OrIxncoDkVk/VFMBuV2KlxI/AAAAAAAAeFo/Z-oY9jq79DM/s1600/like-us-on-facebook.gif" width="300" title="Kompi Ajaib on Facebook"/></a>
    </div>
</div>
<script type='text/javascript'>
function popup1(e){var t=300;var n=290;var r=(screen.width-t)/2;var i=(screen.height-n)/2;var s="width="+t+", height="+n;s+=", top="+i+", left="+r;s+=", directories=no";s+=", location=no";s+=", menubar=no";s+=", resizable=no";s+=", scrollbars=no";s+=", status=no";s+=", toolbar=no";newwin=window.open(e,"windowname5",s);if(window.focus){newwin.focus()}return false}
</script>
</body>
</html>